<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/reset.css" />
	<link rel="stylesheet" href="css/kzt.css" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript"  src="js/page.js"></script>
	<script type="text/javascript" src="js/linkjs.js"></script>
</head>
<body>
	<div class="header">
		<div id="append"></div>
		<script> 
            $("#append").load("header.html");
        </script>

		<div class="navBigbox">
			<div class="navsubBox">
				<ul class="indexMenu">
					<li class="home-btn">首页</li>
					<li class="cp-btn">产品</li>
					<li class="kf-btn">开发</li>
					<li class="kzt-btn">控制台<a class="checked-arrow"></a></li>
					<li class="Qos-btn">帮助与支持</li>
				</ul>
			</div>
		</div>
		<div class="clear"></div>
	</div>

	<div class="contentBox">
		<h3>
			首页产品 &gt;<a style="color:#50b9e7">&nbsp;控制台</a>
		</h3>
		<ul class="leftbar">
			<li class="qyxx">企业信息</li>
			<li class="checkedFontBlue kfxx">开发信息<a></a></li>
			<li class="htgl" >合同管理 </li>
			<li class="czjlcx" >充值记录查询 </li>
		</ul>
		<div class="rightbar">
			<h4>业务信息</h4>
			<div class="rightSubBox ywxxRightSBox">				
				<ul class="yinyongList">
					<li>
						<div class="imgBox pull-left"><img src="img/icon-qos.png"/></div>
						<div class="anytit pull-left">
							<h6>后向定向流量</h6>
							<p>2016-09-23创建</p>
						</div>
						<a class="pull-right">停用</a>
					</li>					
				</ul>
				<div class="ywxxSubLiteBox">
					<h5 class="pull-left">基本信息</h5>
					<button class="pull-right xgBtn">修改</button>
					<button class="pull-right bcBtn">保存</button>
					<div class="clear"></div>
					<form action="" class="kxgInput">
						<label for=""><b>合同编号：</b><span><input type="text" value="13819748743" /></span></label>
						<label for=""><b>维护负责人姓名：</b><span><input type="text" value="张三" /></span></label>
						<label for=""><b>维护负责人联系方式：</b><span><input type="text" value="13819748743" /></span></label>
						<label for=""><b>渠道ID：</b><span><input type="text" value="JSJIDY" /></span></label>
						<label for=""><b class="pull-left">正式IP：</b><textarea name="ipTextarea"></textarea></label>
					</form>
					<div class="clear"></div>
				</div>
			</div>
		</div>


	</div>
	<div id="append-bot"></div>
	<script> 
		$("input").attr("disabled","disabled");
		$("textarea").attr("disabled","disabled");
		//修改
		    $(".ywxxSubLiteBox .bcBtn").hide();
		$(".ywxxSubLiteBox .xgBtn").click(function(){
			$(".ywxxSubLiteBox .bcBtn").show();
			$(".ywxxSubLiteBox .xgBtn").hide();
			$(".ywxxSubLiteBox form").removeClass("kxgInput");
			$("input").attr("disabled",false);
			$("textarea").attr("disabled",false);
		})
		//保存
		$(".ywxxSubLiteBox .bcBtn").click(function(){
			$(".ywxxSubLiteBox .bcBtn").hide();
			$(".ywxxSubLiteBox .xgBtn").show();
			$(".ywxxSubLiteBox form").addClass("kxgInput");
			$("input").attr("disabled","disabled");
			$("textarea").attr("disabled","disabled");
		})
        $("#append-bot").load("footer.html");
    </script>
</body>
</html>